<template>
  <div class="card">
    <div class="header">
      <span class="title">修改用户信息</span>
    </div>
    <el-row>
      <el-col :span="8" :offset="8">
        <el-form size="mini" label-width="100px">
          <el-form-item label="用户名：">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="姓名：">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="手机号：">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="办公电话：">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="机构：">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="部门：">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="角色：">
            <el-select></el-select>
          </el-form-item>
          <el-form-item>
            <div>
              <el-button type="primary">保存</el-button>
              <el-button>取消</el-button>
            </div>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: 'customEdit'
  }
</script>

<style>
  .card {
    padding: 0 20px;
    background: #fff;
  }

  .card .header {
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 14px;
  }
</style>
